<template>
  <div class="dizi">
    <van-nav-bar
        title="我的收货地址"
        left-text=""
        right-text="新增地址"
        left-arrow
        @click-left="$router.go(-1)"
        @click-right="$router.push('/zengdizhi')"
    />
    <div class="d">
        <div class="di">
                <div >
                    <span class="shang">{{this.list[0].didian}}</span>
                    <span class="shang">{{this.list[0].lou}}</span>
                </div>
                <span class="tiao">编辑</span>
                <div>
                    <span class="xia">{{this.list[0].name}}(先生)</span>
                    <span class="xia">{{this.list[0].phone}}</span>
                </div>
            </div>
    </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            list:[{
                didian:"大马新村15号楼",
                lou:'4号楼4单元401',
                name:'老王',
                phone:'12345678'
            }]
        }
    },
}
</script>

<style scoped>
   .d{
    padding: 5px 25px;
   }
    .di{
        position: relative;
        margin: 10px 0;
        border-bottom: 1px solid gray;
    }
    .di .shang{
        font-size: 18px;
        font-weight: bold;
        margin-right: 10px;
    }
    .di .xia{
        margin-right: 10px;
    }
    .tiao{
        position: absolute;
        right: 5px;
        bottom: 10px;
    }
</style>